<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <!--  <title>Title</title>-->
    <script src='/EasyPlayer-element.min.js'></script>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }

        #video {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
<easy-player
        id='video'
        alt='无信号'
        muted='true'
        reconnection='true'
        easy-stretch='false'
        progress='true'
        is-trans-coding='false'
        decode-type='auto'
/>
</body>
<script>
  const video = document.getElementById('video');
  const strings = location.search.replace('?', '').split('&');
  for (let string of strings) {
    const split = string.split('=');
    if (split[0] === 'videoUrl') {
      video.setAttribute('video-url', split[1]);
    }
    if (split[0] === 'fileName') {
      document.title = `预览：${split[1]}`;
    }
  }
</script>
</html>
